<!DOCTYPE html>
<html lang="en">
<head>
<!--
字体图标是字体含义对应的图标，比如“房”和一张小房子的图标
相比图片更加清晰
灵活性高，更方便改变大小，颜色，风格
兼容性好，IE也能支持
-->
    <meta charset="UTF-8">
    <title>字体图标</title>
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('font2/iconfont.woff2?t=1727194094819') format('woff2'),
            url('font2/iconfont.woff?t=1727194094819') format('woff'),
            url('font2/iconfont.ttf?t=1727194094819') format('truetype');
        }

        .iconfont {
            font-family: "iconfont",serif !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .iconfont{
            font-size: 100px;
        }

    </style>
</head>
<body>

<span class="iconfont">&#xe604;</span>
<span class="iconfont">&#xe605;</span>
<span class="iconfont">&#xe606;</span>
</body>
</html>